<template>
  <div style="height: 400px;">
    <div id="parkshow_head" style="width:1004px;height: 99px;margin:0 auto;">
      <div >
        <div id="parkshow_head_title" style="width:300px;height: 71px;float: left;">
          <h3 style="color:rgb(81,123,192);padding-top: 35px;">园区服务</h3>
        </div>
        <div style="float: right;"><ul>
          <li style="font-size: 12px;"> 当前位置：</li>
          <li><a href="">&nbsp;首页&nbsp;</a></li>
          <li>&nbsp;>>&nbsp;</li>
          <li><router-link to="/yqfw/serviceInformation">&nbsp;园区服务&nbsp;</router-link></li>
          <li>&nbsp;>>&nbsp;</li>
          <li><router-link to="/yqfw/personNeltraining">&nbsp;人才服务&nbsp;</router-link></li>
        </ul></div>
      </div>
      <hr align=center width=100% color=#A3BBE3 size=1>
    </div>
    <div style="margin: 0 auto;width: 1004px;">
      <div style="width: 258px;height: 337px;float: left;">
        <ul id="parkshow_menuing" >
          <li>
            <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
            <div  class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
            <div class="parkshow_menuing_right"><router-link to="/yqfw/serviceInformation" style="color: rgb(74,74,74);">园区服务</router-link></div>
          </li>
          <li>
            <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
            <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
            <div class="parkshow_menuing_right"><router-link to="/yqfw/protal" style="color: rgb(74,74,74);">我要服务</router-link></div>
          </li>
          <li>
            <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
            <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
            <div class="parkshow_menuing_right"><router-link to="/yqfw/LifeAndBasic" style="color: rgb(74,74,74);">生活配套</router-link></div>
          </li>
          <li>
            <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
            <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
            <div class="parkshow_menuing_right"><router-link to="/yqfw/enter" style="color: rgb(74,74,74);">我要入驻</router-link></div>
          </li>
          <li>
            <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
            <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
            <div class="parkshow_menuing_right"><router-link to="/yqfw/investMentandFinancing" style="color: rgb(74,74,74);">我要融资</router-link></div>
          </li>
          <li>
            <div style="width: 2px;height: 40px; border-left: 2px solid lightgray;float: left;position: relative;top: 17px;left: 8px;"></div>
            <div class="parkshow_menuing_left"><img src="../../assets/dian.png"></div>
            <div class="parkshow_menuing_right"><router-link to="/yqfw/personNeltraining" style="color: rgb(81,144,210);">人才服务</router-link></div>
          </li>
          <li>
            <div style="width: 2px;height: 10px; border-left: 2px solid lightgray;float: left;position: relative;top: 7px;left: 8px;"></div>
            <div class="parkshow_menuing_left"><img src="../../assets/dian1.png"></div>
            <div class="parkshow_menuing_right"><router-link to="/yqfw/technicalAndNetwork" style="color: rgb(74,74,74);">技术支持</router-link></div>
          </li>
        </ul>
      </div>
    <div style="width: 846px;height: 200px;">
      <h3 style="margin-bottom: 20px;">成立重庆互联网学院</h3>
      <p>管理运营及日常具体工作。</p>
      <h3 style="margin-bottom: 20px;">组建两江新区产业楼宇人力资源发展俱乐部，搭建一站式人力资源服务平台。</h3>
      <p>人力资源服务平台包括校企互动平台、人才交流平台、技能成长平台、综合会务平台四个子平台。为园区企业提供人事外包服务、人力资源管理咨询服务、人力资源招聘服务、人事档案代理、高端人才招聘及雇员服务、人事知识培训、专业技术人员培训、人才诚信信息服务、人才价值评估、劳动保障法律咨询、人事行政管理、薪酬外包、福利管理等专业服务。</p>
    </div>
    </div >
  </div>
</template>

<script>
    export default {
        name: "personNeltraining"
    }
</script>

<style scoped>
  *{
    margin: 0 auto;
    padding: 0;
  }

  #parkshow_head li{
    list-style: none;
    float:left;
    font-size: 12px;
    padding-top: 35px

  }

  #parkshow_head li a{
    text-decoration:none;
    font-size: 12px;
    color: black;
  }
  #parkshow_head li a:hover{
    color: blue;
  }
  #parkshow_menuing li{
    float: left;
    width: 255px;
    height: 50px;
    list-style: none;
    float:left;
  }
  #parkshow_menuing li div a:hover{
    color: rgb(81,144,210);
  }
  .parkshow_menuing_left{
    width: 25px;
    height: 50px;
    float: left;
  }
  .parkshow_menuing_right{
    width: 220px;
    height: 50px;
    float: left;
  }
  .parkshow_menuing_right a{
    text-decoration:none;
    font-size: 15px;
    color: black;
    width: 60px;
    height: 20px;
  }
  p{
    margin: 0px;
    padding: 0px;
    text-indent:2em;
    line-height:25px;
    font-family: "Microsoft Yahei", Arial, "Lucida Grande",
    "Hiragino Sans GB", "Hiragino Sans GB W3", SimSun, STHeiti;
    font-size: 13px;
    color: #4a4a4a;
  }
  h3{
    color: #537bc1;

  }
</style>
